<%@page pageEncoding="UTF-8" isELIgnored="false" session="true"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@page language="java" contentType="text/html;charset=Shift-JIS" isErrorPage="true"%>　
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>なんでもランキング!!</title>
<script type="text/javascript" src="/static/js/jCanvaScript.1.5.18.min.js">
</script>
<script type="text/javascript">
function color(col){
	//背景色セット
	document.FF1.test2.value=col;
}
</script>
</head>
<!-- ログイン失敗時、背景色を取得 -->
<body bgcolor="${f:h(test2)}"onload="color('${f:h(test2)}')">

<!-- 背景色ボタン -->
<div align=right>
<Table border="1" width="110">
<Tr><Td>
<table border="2" cellspacing="0" cellpadding="2" width="100" height="15">
<tr><td bordercolor="#45607a" bgcolor="#a4ffff" align=center onmouseover="this.style.background='#ccccff'" onmouseout="this.style.background='#a4ffff'"onclick="color('#a4ffff');document.bgColor='#a4ffff'">
</td><td bordercolor="#45607a" bgcolor="#0080ff" align=center onmouseover="this.style.background='#ccccff'" onmouseout="this.style.background='#0080ff'"onclick="color('#0080ff');document.bgColor='#0080ff'">
</td><td bordercolor="#45607a" bgcolor="#00f200" align=center onmouseover="this.style.background='#ccccff'" onmouseout="this.style.background='#00f200'"onclick="color('#00f200');document.bgColor='#00f200'">
</td><td bordercolor="#45607a" bgcolor="#ffff00" align=center onmouseover="this.style.background='#ccccff'" onmouseout="this.style.background='#ffff00'"onclick="color('#ffff00');document.bgColor='#ffff00'">
</td><td bordercolor="#45607a" bgcolor="#ffffff" align=center onmouseover="this.style.background='#ccccff'" onmouseout="this.style.background='#ffffff'"onclick="color('#ffffff');document.bgColor='#ffffff'">
</td>
</tr></table>
</Td></Tr>
</Table>
</div>
<CENTER>

<!-- 上のロゴ -->
<font size="10" face="ＭＳ 明朝" color="#bfbfbf">
<B><I>な</FONT>
<font size="8" face="ＭＳ 明朝" color="#7f7f7f">
<sup>ん</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#4a4a4a">
<sup>で</sup></sup></FONT>
<font size="5" face="ＭＳ 明朝" color="#353535">
<sup>も</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#000000">
<sup>★</sup></FONT>
<font size="5" face="ＭＳ 明朝" color="#353535">
<sup>ラ</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#4a4a4a">
<sup>ン</sup></FONT>
<font size="7" face="ＭＳ 明朝" color="#7f7f7f">
<sup>キ</sup></FONT>
<font size="7" face="ＭＳ 明朝" color="#bfbfbf">
<sup>ン</sup></I></FONT>
<font size="10" face="ＭＳ 明朝" color="#7f7f7f">
グ</B></FONT>

<Table border="0" bgcolor="#000000" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick ridge #c9c9c9;font-family:ＭＳ ゴシック;font-size:32px;color:#ffffff;"><Tr><Td align="center">
<marquee width="320" scrollamount="5" truespeed>
さまざまなジャンルを、みんなで人気投票ができるサイトです。
</marquee></Td></Tr></Table>

<hr style="border:dotted;color:#ff80c0;">


<Marquee direction="right" scrollamount="20" truespeed><marquee behavior="alternate" direction="up">
<span style="width:300;font-size:37pt;font-family:ふみゴシック;color:yellow;">
<span style="width:345;line-height:2;font-size:25px;color:#ff00ff;filter:shadow(color=#ff80c0)dropshadow(color=skyblue,offX=0,offY=-5)Alpha(opacity=50,);">
ようこそ (^o^)// ごゆっくりどうぞ
</span>
</span>
</marquee></marquee>

<span style="width:300;font-size:15pt;font-family:ふみゴシック;color:#000022;filter:Blur(add=0, direction=315,strength=1) dropshadow(color=#d4d4d4,offX=3,offY=2");>
==ログインしてください==</span>

<font size="3" color="#ff0000">
<br>
<font size="3" color="#0000ff">
${f:h(logout)}
</font>
${f:h(errors.userId)}<br>${f:h(errors.passWord)}
 </font>
         <form method="post"  action="pwCheck" name="FF1">
<input type="hidden" name="test2" id="test2"value=""/>
         <table>
         <tr>
         <th>UserID</th>
         <td><input type= "text" ${f:text("userId")}/>
         <tr>
             <th>Pass</th>
              <td><input type="password" ${f:text("passWord")}/>
              </td>
         </tr>
         <tr>
             <td></td>
             <td><input type="submit" value="ログイン"></td>
         </tr>
     </table>
         </form>
         </CENTER>
         <a>アカウントをお持ちでない方は</a>
         <a href="${f:url('/kadai/newAccount/')}">こちら</a>
</body>
</html>
